<template>
    <div class="parallaxBox">
        <ParallaxSection imageUrl="https://images.unsplash.com/photo-1506744038136-46273834b3fb" title="自然之美"
            description="大自然的壮丽景色给人以无限的灵感和力量。山川、河流、森林和海洋，每一处都是生命的奇迹，每一刻都是艺术的瞬间。" />

        <ParallaxSection imageUrl="https://images.unsplash.com/photo-1497436072909-60f360e1d4b1" title="城市之光"
            description="现代都市的繁华与喧嚣，灯火通明的高楼大厦，车水马龙的街道，构成了我们生活的另一种美丽风景。" />

        <ParallaxSection imageUrl="https://images.unsplash.com/photo-1505144808419-1957a94ca61e" title="科技未来"
            description="科技正以前所未有的速度改变着我们的生活方式。创新与发明不断推动人类文明向前发展，开启更加智能化的未来。" />
    </div>
</template>

<style lang="scss" scoped>
.parallaxBox {
    width: 200px;
    height: 200px;
    overflow-y: scroll;

    // 滚动条隐藏
    &::-webkit-scrollbar {
        display: none;
    }
}
</style>